<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热词</title>
    <script src="../components/echarts-4.0.4.min.js"></script>
    <style>
        body,html{
            padding: 0;
            margin: 0;
            background:#0A0F23;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div style="width: 100%;height: 100%;" id="radar"></div>
</body>
<script>
    var radar = echarts.init(document.getElementById('radar'));

    var radaroption = {
        title: {
            text: '2017年政策适用群体',
            left: 'center',
            top:"7%",
            textStyle: {
                fontSize: 22,
                color: '#fff'
                
            }
        },
        tooltip: {
            trigger: 'none',
            triggerOn:"none",
            show:false
        },
        grid: {
            // left: '5%',
            // right: '5%',
            top:"15%",
            containLabel: true
        },
        radar: {
            radius: "100",
            center:["50%","58%"],
            name: {
                textBorderColor :"black",
                textStyle: {
                    color: '#fff',
                    borderRadius: 3,
                    padding: [3, 5],
                	fontSize: 16
               }
            },
            // splitNumber: 2,
            splitArea: {
                areaStyle: {
                    // color: [ '#96C5E3', '#7DB5DA', '#72ACD1']
                }
            },
            splitLine: {
                lineStyle: {
                    color: '#96C5E3'
                }
            },
            indicator: [
               { name: '个人'},
               { name: '企业'},
               { name: '科研院所'},
               { name: '服务机构'}
            ],
            axisLabel: {
                interval: 0,
                textStyle: {
                    color: '#fff',
                	fontSize: 16
                }
            }
        },
        series: [{
            name: '2017政策适用群体',
            type: 'radar',
            data : [
                {
                    value : [12, 15, 18, 11],
                    lineStyle: {
                        normal: {
                            color:"#f7e46c",
                            fontSize: 16
                        }
                    },
                    areaStyle: {
                        normal: {
                            color:"#f7e46c",
                            fontSize: 16
                        }
                    }
                }
            ]
        }]
    };
    radar.setOption(radaroption);
</script>
</html>